<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>事件委托也是事件代理,也就是利用事件冒泡,把子元素的事件都绑定到父元素上,
        如果子元素阻止了事件冒泡,委托也就没法实现了</p>
    <p>在vue v-for循环一个列表,列表的每一项都绑定点击事件的话,很消耗性能,
        可以把每个item的点击事件委托给父元素</p>
    <p>
        优点：
        提高性能,减少事件绑定,能减少内存的占用,节省资源的同时还减少dom操作
    </p>
</body>

</html>